<template>
	<view>
		<view>
			<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" class="i2"
				indicator-active-color="#fff">
				<swiper-item v-for="(item, index) in jcimages" :key="index" class="i2">
					<view class="swiper-item" @click="yulanck2(index)">
						<image :src="item" alt="" class="i2" />
					</view>
				</swiper-item>
			</swiper>


			<view v-for="(item,index1) in jcimages1" :key="index1" @click="yulanck(index1)" style="width:100%;">
				<image :src="item" alt="" style="width: 100%;" mode="widthFix" />
			</view>
			<view style="height: 0.6667rem;"></view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				jcimages: [
					'/static/image/4.jpg',
					'/static/image/6.jpg',
					'/static/image/7.jpg',
					'/static/image/8.jpg',
				],
				jcimages1: [
					'/static/image/jc/0.1.jpg',
					'/static/image/jc/1.jpg',
					'/static/image/jc/2.jpg',
					'/static/image/jc/3.jpg',
					'/static/image/jc/4.jpg',
					'/static/image/jc/5.jpg',
					'/static/image/jc/6.jpg',
					'/static/image/jc/7.jpg',
					'/static/image/jc/8.jpg',
					'/static/image/jc/9.jpg',
					'/static/image/jc/10.jpg',
					'/static/image/jc/11.jpg',
					'/static/image/jc/12.jpg',
					'/static/image/5.jpg'

				],
			}
		},
		methods: {
			yulanck(index) {
				uni.previewImage({
					urls: this.jcimages1,
					current: index,
					indicator: 'number',
					loop: true
				})
			},
			yulanck2(index) {
				uni.previewImage({
					urls: this.jcimages,
					current: index,
					indicator: 'number',
					loop: true
				})
			},
		}
	}
</script>

<style>

</style>